﻿
@using worldcup.Models;

@{
    ViewBag.Title = "排行榜";
    var list = (PostResult<List<RankResponse>>)ViewBag.list;
}

<style type="text/css">
    .locTop {
        height: 4.5rem;
        line-height: 4.5rem;
        font-size: 1.4rem;
        background-color: #fff;
        margin-bottom: 0.1rem;
    }

        .locTop div {
            color: #88172b;
            text-align: center;
            height: 4.5rem;
            line-height: 4.5rem;
            display: inline-block;
            float: left;
        }

    .mItem {
        color: #333;
        background-color: #fff;
        height: 6rem;
        font-size: 1.3rem;
    }

        .mItem div {
            text-align: center;
            height: 6rem;
            line-height: 6rem;
            display: inline-block;
            float: left;
        }

    .it1 {
        width: 17.5%;
    }

    .it11 {
        width: 18%;
        text-align: center;
        vertical-align: middle;
        box-sizing: border-box;
    }

    .it2 {
        width: 38%;
    }

    .it3 {
        width: 26.5%;
        color: #bf3939;
    }

        .it3 .iconfont {
            font-size: 1.4rem;
        }

    .it11 img {
        width: 4rem;
        height: 4rem;
        border-radius: 4rem;
    }

    .locBto {
        position: fixed;
        width: 100%;
        bottom: 0px;
        left: 0px;
        border-top: 1px solid #ededed;
    }

        .locBto div {
            color: #88172b;
        }
</style>
<div class="locTop">
    <div class="it1">名次</div>
    <div class="it11">头像</div>
    <div class="it2">用户</div>
    <div class="it3">得分</div>
</div>

@if (list.ret == 0 && list.data != null && list.data.Any())
{
    foreach (var item in list.data)
    {
        <div class="mItem">
            <div class="it1">@(list.data.IndexOf(item) + 1)</div>
            <div class="it11" style="padding-top: 1rem;"><img src="@item.headimg" /></div>
            <div class="it2">@item.mobile</div>
            <div class="it3">@item.score&nbsp;x&nbsp;<i class="iconfont">&#xe61a;</i></div>
        </div>
    }
}


        @*<div style="height: 7rem;"></div>
            <div class="mItem locBto">
                <div class="it1"></div>
                <div class="it11" style="padding-top: 1rem;"><img src="" /></div>
                <div class="it2">159****2335</div>
                <div class="it3">&nbsp;x&nbsp;<i class="iconfont">&#xe61a;</i></div>
            </div>*@


